<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<title>设备能源管理系统(EMS)</title>
<meta charset="UTF-8" />
	<jsp:include page="../../common/header.jsp"/>
	<script type="text/javascript" src="${basePath}/resources/js/moment.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/daySlider.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/compare/electricity/electricityday.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/lineTree.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/dateConfig.js"></script>
</head>
<body class="easyui-layout">
<jsp:include page="../../common/top.jsp"/>
<div class="layout-content togray" data-options="region:'center',border:false">
		<div class="ems-compare-north" >
			<div class="ems-main-time">
				<p>统计时间</p>
				<div class="ems-main-slider2"><div id="ss"></div></div>
			</div>
			<div class="ems-main-select">
				<select id="cc" class="easyui-combobox" style="width:60px;float:right">
				    <option value="01">1时</option>   
				    <option value="02">2时</option>   
				    <option value="03">3时</option>   
				    <option value="04">4时</option>   
				    <option value="05">5时</option> 
				    <option value="06">6时</option>   
				    <option value="07">7时</option>   
				    <option value="08">8时</option>   
				    <option value="09">9时</option>   
				    <option value="10">10时</option>
				    <option value="11">11时</option>   
				    <option value="12">12时</option>   
				    <option value="13">13时</option>   
				    <option value="14">14时</option>   
				    <option value="15">15时</option>
				    <option value="16">16时</option>   
				    <option value="17">17时</option>   
				    <option value="18">18时</option>   
				    <option value="19">19时</option>   
				    <option value="20">20时</option>
				    <option value="21">21时</option>   
				    <option value="22">22时</option>   
				    <option value="23">23时</option>   
				    <option value="24">24时</option>   
				</select>
			</div>
			<div class="ems-main-btns">
				<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;" id="switchbtn">切换生产线</a>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;" id="defineTime">自定义时间</a>
			</div>
			
			 
		</div>
		<div class="easyui-layout layout-compare-content3 mt15">
			<div data-options="region:'west',split:true,border:false" class="compare-left">
			  	<div class="easyui-layout togray" data-options="fit:true,border:false" id="itemData">
					<div data-options="region:'west',title:'{{item.lineName}}',split:true,collapsible:false,iconCls:'icon-p1'" >
				    	<img src="${basePath}/resources/img/IMG_0104.JPG" class="content-img3">
				    	<div class="content-text3">
				    		<p><span>分析时间:</span><b class="color-1">{{item.belongTime}}</b></p>
<!-- 				    		<p><span>总电度:</span><b class="color-4">{{item.totalElectric}}</b></p> -->
<!-- 				    		<p><span>总电费:</span><b class="color-5">{{item.totalCharge}}</b></p> -->
				    		<p><span>瓶颈设备:</span><b class="color-5">{{item.bottleneckEqu}}</b></p>
				    		<p><span>最大潜能设备:</span><b class="color-5">{{item.proficiencyEqu}}</b></p>
				    	</div>
				    </div>
				</div>
			</div>
		    <div data-options="region:'center',split:true,collapsible:false,border:false">
		    	<div class="easyui-layout togray" data-options="fit:true,border:false">
		    		<div data-options="region:'north',title:'消耗电度',split:true,collapsible:false,iconCls:'icon-p1'" id="electricityOpt" class="opt-north"></div>
		    		<div data-options="region:'center',title:'电费',split:true,collapsible:false,iconCls:'icon-p1'" id="chartOpt"></div>
		    		<div data-options="region:'south',title:'满载率',split:true,collapsible:false,iconCls:'icon-p1'" id="rateOpt" class="compare-south"></div>
		    	</div>
		    </div>
   	</div>
</div>
<!-- 自定义时间的表单-->
<div id="defineTimeWin">
	<form id="defineTimeform" method="post" >
	    <div class="col-pd-12 form-item"> 
	        <label class="col-pd-3">开始时间：</label> 
	        <div class="col-pd-8"><input name="startTime" class="textbox easyui-datebox checktimestart" style="width:200px;" data-options="required:'true'" /></div>
	    </div>
	    <div class="col-pd-12 form-item"> 
	        <label class="col-pd-3">结束时间：</label> 
	        <div class="col-pd-8"><input name="endTime" class="textbox easyui-datebox checktime" style="width:200px;" data-options="required:'true'" /></div>
	    </div>
	</form>
</div>
<!-- 生产线的表单 -->
<div class="togray">
	<div id="switchEquip" class="easyui-window" data-options="title:'生产线选择',modal:true,iconCls:'icon-save','closed':true,border:false" style="width:300px;height:400px;padding:5px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center',split:true" style="width:200px">
				<div id="linetree"></div>
			</div>
<!-- 			<div data-options="region:'center'"> -->
<!-- 				<table id="lines_data"></table> -->
<!-- 			</div> -->
			<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
				<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:;" id="switchEquipOK" style="width:80px">确定</a>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:;" onclick="$('#switchEquip').dialog('close')" style="width:80px">关闭</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>